<template>
  <div class="load-more-tip tac">
    <slot>{{noData ? noMoreText : loading ? loadingText : tips}}</slot>
  </div>
</template>

<script>
  export default {
    name: "LoadMoreTip",
    data() {
      return {}
    },
    props: {
      noData: {
        type: Boolean,
        default: false,
      },
      loading: {
        type: Boolean,
        default: false,
      },
      loadingText: {
        type: String,
        default: '拼命加载中 . . .'
      },
      tips: {
        type: String,
        default: '上拉加载更多'
      },
      noMoreText: {
        type: String,
        default: '已加载全部'
      },
    },
  }
</script>

<style scoped lang="less">
  .load-more-tip {
    font-size: 26px;
    line-height: 66px;
    color: #676A6B;
  }
</style>